﻿.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */


.ajaxwait
{
    width:100%;
    height:100%;
    z-index:1000;
    filter: alpha(opacity=30);
    opacity: 0.3;
    background-color:Gray;
}

.loading
{
     height:16px;
     width:16px;
     display:inline;
}



.DataPanel {margin:0px 0px 5px 0px;padding-left:20px;padding-right:20px;}
.DataPanel table {width:100%;border:solid 1px #7380af;border-spacing: 0px;
	font-size: 12px;line-height:16px;font-family: 'Arial', 'Verdana', 'sans-serif', 'Times New Roman';text-align:left;}
.DataPanel td {margin:0px;padding:5px 2px 2px 5px;word-wrap:break-word; border:none;}
.DataPanel .headRow {}
.DataPanel .headRow td, th {padding: 6px 0px 4px 5px;color:#2b67aa;border:none;font-weight: bold;font-size:12px;background-image:url(../images/listTitleBg.jpg);word-wrap:break-word;word-break:break-all;text-align:left;}
.DataPanel .row {}
.DataPanel .alternatingRow {background-color:#d2e4f8;}
.DataPanel .selectedRow {background-color:#6699cc;}
.DataPanel .emptyDataRow td {text-align: center;color: #ff0000;padding:10px 0px 10px 0px;}
.DataPanel .pagination {margin:8px 0px 0px 0px;font-size: 12px;line-height:16px;}
.DataPanel .pagination .hint {float:left;}
.DataPanel .pagination .op {float:right;}
.DataPanel .pagination .op span {margin-left:15px;}
.DataPanel .pagination .op select {}


.ToolPanel{  margin:0px 0px 5px 0px;padding:5px 20px;  border-bottom:solid 1px #D2D2D2; background-color:#f1f1f1;}
.PagerPanel{padding:5px 20px;  border-bottom:solid 0px #D2D2D2; }


.FlatButton{ margin:0 5px;  BORDER: #002D96 1px solid; PADDING: 2px 5px;    FONT-SIZE: 12px; FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF, EndColorStr=#9DBCEA); CURSOR: hand; COLOR: black;}

/*ContextMenu*/
.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}
a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 5px 4px 5px;
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: red;
	border: 1px solid #D2B47A;
	padding: 3px 4px 3px 4px;
}


.tabMenuWrapper
{
    border-bottom:solid 4px #D1DEE8;
    margin-bottom:5px;
    height:30px;
}

.tabMenuWrapper table{ border:none; padding:0; margin:0; }
.tabMenuWrapper .currentTab { border:solid 1px #D1DEE8; border-bottom:none; background-color:#E7F3FB;}
.tabMenuWrapper .hoverTab {  background-color:#E7F3FB;}

.ImgButton{ background-image:url(../images/quit_btn.jpg); height:23px; line-height:23px; text-align:center;  width:44px; display:inline-block; margin:0; padding:0;}
.MsgButton{ background-image:url(../images/Msg.jpg); height:21px; line-height:21px; text-align:center;  width:31px; display:inline-block; margin:0; padding:0;}

/*div area*/
div.area
{
    background-color:#fff;
    border:solid 1px #DCDCDC;
    margin:0 auto;
    width: 100%;
}